<template>
  <div class="my-page">
    <nav-bar title="我的学习" theme="blue" message></nav-bar>
    <div class="page-main" style="margin-top: 44px">
      <div class="my-list">
        <div>
          <van-cell
            v-for="(item, key) in gridPerson"
            :key="key"
            @click="$router.push(item.path)"
            size="large"
            :icon="item.iconPath"
            :title="item.text"
            is-link
            :border="false"
          ></van-cell>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      gridPerson: [
        {
          text: '我的课程',
          iconPath: require('@/assets/images/my/my_Event log@2x.png'),
          path: '/learnTest/course?flagNumber=2'
        },
        {
          text: '我的收藏',
          iconPath: require('@/assets/images/my/my_info record@2x.png'),
          path: '/learnTest/course?flagNumber=3'
        },

        {
          text: '我的考试',
          iconPath: require('@/assets/images/my/my_record@2x.png'),
          path: '/learnTest/my/exam'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/my/index.less';
</style>
